<!DOCTYPE HTML>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  <title>华富</title>
  <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
  <link rel="stylesheet" type="text/css" href="../../css/common.css" />
  <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
  <link rel="stylesheet" type="text/css" href="../../css/aui-pull-refresh.css" />
  <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css"/>
  <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
    <style>
        html,
        body {
          font-size: 1.2rem;
          background: #ffffff;
          color: #333333 !important
        }
        [v-cloak] {
            display: none;
        }
        /*下拉刷新*/

        .aui-refresh-load {
            padding: 0!important;
        }
        /*评价标签*/

        .labels_box {
            display: flex;
            /*justify-content: space-around;*/
            padding: 1rem 1.3rem;
            background: #fff;
            flex-wrap: wrap;
            border-bottom: 1rem solid #f2f2f2;
        }

        .labels_box .labels {
          width: 8.15rem;
        	height: 2.85rem;
        	border-radius: 0.5rem;
        	border: solid 0.05rem #ed6a20;
        	/*opacity: 0.7;*/
          font-size: 1.2rem;
        	letter-spacing: 0.03rem;
        	color: #4d4d4d;
          line-height: 2.85rem;
          text-align: center;
          margin-right:0.5rem;
        }
        .labels_box .labels:last-child{
          margin-right:0;
        }

        .labels_box .labels.active {
          background-color: #ed6a20;
          border: solid 0.05rem #ed6a20;
          color:#fff;
        }
        /**pingjia列表**/
        .content_pinglun{
          padding: 0 1.3rem 0;
          /*border-bottom: 1rem solid #f2f2f2;*/
          background: #fff;
          margin-bottom: 4.8rem;
        }
        .content_pinglun_title{
          padding:1.4rem 0;
          border-bottom: 1px solid #e5e5e5;
        }
        .fl{
          float:left;
        }
        .fr{
          float:right;
        }
        .content_pinglun_title span.left{
          font-size:1.4rem;
          line-height: 1;
          color:#000;
        }
        .content_pinglun_title span.right{
          font-size:1.4rem;
          line-height: 1;
          color:#ed6a20;
        }
        .content_pinglun .aui-list-item-media{
          width:3rem;
        }
        .content_pinglun .aui-list-item-arrow{
          font-size:1.4rem;
          color:#000000;
          line-height: 3rem;
          padding-left:1.15rem;
          padding-right:0;
        }
        .content_pinglun>ul>li{
          padding:1.55rem 0 1rem;
          border-bottom: 1px solid #e5e5e5;
        }
        .content_pinglun>ul>li:last-child{
          border-bottom: none;
        }
        .content_pinglun_img{
          margin-top:1rem;
        }
        .content_pinglun_img ul{
          margin-right:-0.2rem;
          margin-left:-0.2rem;
        }
        .content_pinglun_img ul li{
          width:32%;
          float:left;
          padding-left:0.2rem;
          padding-right:0.2rem;
        }
        .content_pinglun_content{
          margin-top: 1rem;
          font-size:1.3rem;
          color:#000000;
          line-height: 1.8rem;
	        letter-spacing: 0.02rem;
        }
        .content_pinglun_bot_left{
          font-size:1.3rem;
          line-height: 1;
          color: #000000;
	        opacity: 0.4;
          margin-top:0.5rem;
        }
        .content_pinglun_bot_right1{
          display: inline-block;
          margin-left:1.5rem;
          margin-top:0.2rem;
        }
        .content_pinglun_bot_right1 img{
          display: inline-block;
          vertical-align: middle;
        }
        .content_pinglun_bot_right1 span{
          display: inline-block;
          vertical-align: middle;
          font-size:1.3rem;
          color:#000000;
          opacity: 0.6;
          line-height: 1;
          margin-left:0.8rem;
        }
        .content_pinglun_bot_right2 img{
          width: 1.55rem;
        }
        .content_pinglun_bot_right3 img{
          width: 1.2rem;
        }
        .content_pinglun_bot2{
          font-size:1.3rem;
          color:#666;
          line-height: 1;
          margin-top:1.4rem;
        }
        .content_pinglun_bot1{
          margin-top:1.4rem;
        }
        .content_pinglun_bot1 h5{
          font-size:1.4rem;
          color:#ed6a20;
          line-height: 1;
        }
        .content_pinglun_bot1 p{
          font-size:1.4rem;
          color:#000;
          line-height: 1;
          margin-top:1.3rem;
        }
        .content_pinglun_bot3{
          font-size: 1.4rem;
          color: #666;
          letter-spacing: 0.04rem;
          margin-top: 1rem;
          line-height: 1.9rem;
          padding: 1rem 0 0 0;
          border-top: 1px solid #e5e5e5;
        }

        .content_pinglun_more{
          width:100%;
          height:3rem;
          line-height: 3rem;
          font-size: 1.3rem;
        	font-weight: normal;
        	font-stretch: normal;
        	letter-spacing: 0.03rem;
        	color: #333333;
          text-align: center;
          border-radius: 0.5rem;
        	border: solid 0.05rem #7d7d7d;
        	opacity: 0.73;
        }

        .detail_pingjia_f1_img{
          width:3.65rem;
          height:3.65rem;
          display: inline-block;
          float:left;
        }
        .detail_pingjia_f1_txt{
          /*width:calc(100% - 12rem);*/
          height:3.65rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          float:left;
          margin-left:0.8rem;
        }
        .detail_pingjia_f1_txt1{
          font-size:1.4rem;
          color:#000;
          line-height: 1;
        }
        .detail_pingjia_f1_start{
          width:1rem;
          height:1rem;
          background:url(../../image/class/start2.png) center center/cover no-repeat;
        }
        .detail_pingjia_f1_txt2{
          height:1rem;
          line-height: 1rem;
          margin-top:0.7rem;
        }
        .detail_pingjia_f1_txt2 i{
          display: inline-block;
        }
        .detail_pingjia_f1_start1{
          width:1rem;
          height:1rem;
          background:url(../../image/class/start.png) center center/cover no-repeat;
        }
        .detail_pingjia_f1_right{
          height:3.65rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          font-size: 1.3rem;
        	letter-spacing: 0.03rem;
        	color: #000000;
        	opacity: 0.6;
        }

        /**pingjia列表**/

        /**footer**/
        .footer {
          height: 4.8rem;
          position: fixed;
          bottom: 0;
          left: 0;
          width: 100%;
          border-top: 1px solid #e5e5e5;
          background-color: #fff;
          box-shadow: 0px 0px 1rem 0px rgba(0,0,0,0.05)
        }
        .footer_left {
          height: 100%;
          float: left;
          width: 45%;
          padding: 0.85rem 0;
        }
        .footer_left > div {
          width: 33.333%;
          float: left;
          height: 100%;
          color: #000000;
          font-size: 1rem;
          line-height: 1;
          text-align: center;
          display: flex;
          flex-direction: column;
          justify-content: center;
          border-right: 1px solid rgba(0,0,0,0.15);
        }
        .footer_left > div:last-of-type {
          border-right: none;
        }
        .footer_left > div > img {
          height:1.7rem;
          margin: 0 auto 0.35rem;
        }
        .footer_right {
          height: 100%;
          float: left;
          width: 55%;
        }
        .footer_rightL,.footer_rightR {
          width: 50%;
          height: 100%;
          float: left;
          text-align: center;
          overflow: hidden;
        }
        .footer_rightL {
          background-image: linear-gradient(-90deg,#ff9501 0%,#ffb001 48%,#ffca00 100%),linear-gradient(90deg,#79c735 0%,#65a032 100%);
          background-blend-mode: normal,normal;
          color: #fff;
          font-size: 1.6rem;
          line-height: 4.8rem;
        }
        .footer_rightR {
          background-image: linear-gradient(-90deg,
          #ff4e18 0%,
          #f9280d 52%,
          #f20101 100%),
        linear-gradient(
          #ff8600,
          #ff8600);
        background-blend-mode: normal,
          normal;
          color: #fff;
          font-size: 1.6rem;
          line-height: 4.8rem;
        }
        /**footer**/

    </style>
</head>

<body>
    <!-- 页面内容 -->
    <div class="app" id="app" v-cloak>
        <div class="reload aui-refresh-content">

            <!-- 评价标签 -->
            <div class="labels_box" id="tab_one">
                <div v-for="(items1,index) in commentLabel" :class="index == 0 ? 'labels active' : 'labels'" :data-pid="items1.label_id">{{items1.label_name}}{{items1.label_nums}}</div>
                <!-- <div class="labels active">全部5900</div>
                <div class="labels">好评5900</div>
                <div class="labels">中评590</div>
                <div class="labels">差评50</div> -->
            </div>

            <!-- 评论列表 -->
            <div class="content_pinglun">
              <ul>
                <li v-for="items1 in commentList.comment_list">
                  <div class="detail_pingjia_f1 clearfix">
                    <div class="detail_pingjia_f1_left clearfix fl">
                      <div class="detail_pingjia_f1_img">
                        <img :src="items1.user_headlogo" width="100%" />
                      </div>
                      <div class="detail_pingjia_f1_txt">
                        <div class="detail_pingjia_f1_txt1">{{items1.username}}</div>
                        <div class="detail_pingjia_f1_txt2">
                          <i class="detail_pingjia_f1_start" v-for="star in (items1.star-0)"></i>
                          <!-- <i class="detail_pingjia_f1_start"></i>
                          <i class="detail_pingjia_f1_start"></i>
                          <i class="detail_pingjia_f1_start"></i> -->
                          <i class="detail_pingjia_f1_start1" v-for="star in (5-(items1.star-0))"></i>
                        </div>
                      </div>
                    </div>
                    <div class="detail_pingjia_f1_right fr">{{items1.add_time}}</div>
                  </div>
                  <div class="content_pinglun_content">
                      {{items1.content}}
                  </div>
                  <div class="content_pinglun_img">
                    <ul class="clearfix">
                      <li v-for="img in items1.pic_list">
                        <img :src="img" alt="">
                      </li>
                      <!-- <li>
                        <img src="../../image/class/class_detail_pinglun_3.png" alt="">
                      </li>
                      <li>
                        <img src="../../image/class/class_detail_pinglun_2.png" alt="">
                      </li> -->
                    </ul>
                  </div>
                  <!-- <div class="content_pinglun_bot1">
                    <h5>购买4天后追评</h5>
                    <p>购买4天后追评</p>
                  </div> -->
                  <div class="content_pinglun_bot2">{{items1.goods_skuinfo}}  x{{items1.goods_nums}}</div>
                  <div class="content_pinglun_bot clearfix">
                    <div class="content_pinglun_bot_left fl">购买日期：{{items1.goods_bug_time}}</div>
                    <div class="content_pinglun_bot_right fr">
                      <div class="content_pinglun_bot_right1 content_pinglun_bot_right2"><img src="../../image/class/class_detail_pinglun_4.png" alt=""><span>{{items1.comment_like_num}}</span></div>
                      <div class="content_pinglun_bot_right1 content_pinglun_bot_right3"><img src="../../image/class/class_detail_pinglun_5.png" alt=""><span>{{items1.comment_comment_num}}</span></div>
                    </div>
                  </div>
                  <!-- <div class="content_pinglun_bot3">
                    后客服的回复：谢谢您的肯定和支持，您的鼓励是我们前进最大的动力，我们会更加努力为您提供优质服务。祝您购物愉快，天天好心情！
                  </div> -->
                </li>
                <!-- <li>
                  <div class="detail_pingjia_f1 clearfix">
                    <div class="detail_pingjia_f1_left clearfix fl">
                      <div class="detail_pingjia_f1_img">
                        <img src="../../image/class/class_detail_pinglun_1.png" width="100%" />
                      </div>
                      <div class="detail_pingjia_f1_txt">
                        <div class="detail_pingjia_f1_txt1">小喵喵</div>
                        <div class="detail_pingjia_f1_txt2">
                          <i class="detail_pingjia_f1_start"></i>
                          <i class="detail_pingjia_f1_start"></i>
                          <i class="detail_pingjia_f1_start"></i>
                          <i class="detail_pingjia_f1_start"></i>
                          <i class="detail_pingjia_f1_start1"></i>
                        </div>
                      </div>
                    </div>
                    <div class="detail_pingjia_f1_right fr">2018-07-25</div>
                  </div>
                  <div class="content_pinglun_content">
                      之前客服打电话说从韩国发货，需要身份证验证，原以为需要很长时间才到，没想到那么快，服务态度好，商品很喜欢，之前客服打电话说从韩国发货，需要身份证验证，原以为需要很长时间才到，没想到那么快，服务态度好，商品很喜欢，之前客服打电话说从韩国发货，需要身份证验证，原以为需要很长时间才到，没想到那么快，服务态度好
                  </div>
                  <div class="content_pinglun_img">
                    <ul class="clearfix">
                      <li>
                        <img src="../../image/class/class_detail_pinglun_2.png" alt="">
                      </li>
                      <li>
                        <img src="../../image/class/class_detail_pinglun_3.png" alt="">
                      </li>
                      <li>
                        <img src="../../image/class/class_detail_pinglun_2.png" alt="">
                      </li>
                    </ul>
                  </div>
                  <div class="content_pinglun_bot1">
                    <h5>购买4天后追评</h5>
                    <p>购买4天后追评</p>
                  </div>
                  <div class="content_pinglun_bot2">柠檬套餐  x1</div>
                  <div class="content_pinglun_bot clearfix">
                    <div class="content_pinglun_bot_left fl">购买日期：2018-01-03</div>
                    <div class="content_pinglun_bot_right fr">
                      <div class="content_pinglun_bot_right1 content_pinglun_bot_right2"><img src="../../image/class/class_detail_pinglun_4.png" alt=""><span>498</span></div>
                      <div class="content_pinglun_bot_right1 content_pinglun_bot_right3"><img src="../../image/class/class_detail_pinglun_5.png" alt=""><span>498</span></div>
                    </div>
                  </div>
                  <div class="content_pinglun_bot3">
                    后客服的回复：谢谢您的肯定和支持，您的鼓励是我们前进最大的动力，我们会更加努力为您提供优质服务。祝您购物愉快，天天好心情！
                  </div>
                </li>
                <li>
                  <div class="detail_pingjia_f1 clearfix">
                    <div class="detail_pingjia_f1_left clearfix fl">
                      <div class="detail_pingjia_f1_img">
                        <img src="../../image/class/class_detail_pinglun_1.png" width="100%" />
                      </div>
                      <div class="detail_pingjia_f1_txt">
                        <div class="detail_pingjia_f1_txt1">小喵喵</div>
                        <div class="detail_pingjia_f1_txt2">
                          <i class="detail_pingjia_f1_start"></i>
                          <i class="detail_pingjia_f1_start"></i>
                          <i class="detail_pingjia_f1_start"></i>
                          <i class="detail_pingjia_f1_start"></i>
                          <i class="detail_pingjia_f1_start1"></i>
                        </div>
                      </div>
                    </div>
                    <div class="detail_pingjia_f1_right fr">2018-07-25</div>
                  </div>
                  <div class="content_pinglun_content">
                      之前客服打电话说从韩国发货，需要身份证验证，原以为需要很长时间才到，没想到那么快，服务态度好，商品很喜欢，之前客服打电话说从韩国发货，需要身份证验证，原以为需要很长时间才到，没想到那么快，服务态度好，商品很喜欢，之前客服打电话说从韩国发货，需要身份证验证，原以为需要很长时间才到，没想到那么快，服务态度好
                  </div>
                  <div class="content_pinglun_img">
                    <ul class="clearfix">
                      <li>
                        <img src="../../image/class/class_detail_pinglun_2.png" alt="">
                      </li>
                      <li>
                        <img src="../../image/class/class_detail_pinglun_3.png" alt="">
                      </li>
                      <li>
                        <img src="../../image/class/class_detail_pinglun_2.png" alt="">
                      </li>
                    </ul>
                  </div>
                  <div class="content_pinglun_bot1">
                    <h5>购买4天后追评</h5>
                    <p>购买4天后追评</p>
                  </div>
                  <div class="content_pinglun_bot2">柠檬套餐  x1</div>
                  <div class="content_pinglun_bot clearfix">
                    <div class="content_pinglun_bot_left fl">购买日期：2018-01-03</div>
                    <div class="content_pinglun_bot_right fr">
                      <div class="content_pinglun_bot_right1 content_pinglun_bot_right2"><img src="../../image/class/class_detail_pinglun_4.png" alt=""><span>498</span></div>
                      <div class="content_pinglun_bot_right1 content_pinglun_bot_right3"><img src="../../image/class/class_detail_pinglun_5.png" alt=""><span>498</span></div>
                    </div>
                  </div>
                  <div class="content_pinglun_bot3">
                    后客服的回复：谢谢您的肯定和支持，您的鼓励是我们前进最大的动力，我们会更加努力为您提供优质服务。祝您购物愉快，天天好心情！
                  </div>
                </li>
                <li>
                  <div class="detail_pingjia_f1 clearfix">
                    <div class="detail_pingjia_f1_left clearfix fl">
                      <div class="detail_pingjia_f1_img">
                        <img src="../../image/class/class_detail_pinglun_1.png" width="100%" />
                      </div>
                      <div class="detail_pingjia_f1_txt">
                        <div class="detail_pingjia_f1_txt1">小喵喵</div>
                        <div class="detail_pingjia_f1_txt2">
                          <i class="detail_pingjia_f1_start"></i>
                          <i class="detail_pingjia_f1_start"></i>
                          <i class="detail_pingjia_f1_start"></i>
                          <i class="detail_pingjia_f1_start"></i>
                          <i class="detail_pingjia_f1_start1"></i>
                        </div>
                      </div>
                    </div>
                    <div class="detail_pingjia_f1_right fr">2018-07-25</div>
                  </div>
                  <div class="content_pinglun_content">
                      之前客服打电话说从韩国发货，需要身份证验证，原以为需要很长时间才到，没想到那么快，服务态度好，商品很喜欢，之前客服打电话说从韩国发货，需要身份证验证，原以为需要很长时间才到，没想到那么快，服务态度好，商品很喜欢，之前客服打电话说从韩国发货，需要身份证验证，原以为需要很长时间才到，没想到那么快，服务态度好
                  </div>
                  <div class="content_pinglun_img">
                    <ul class="clearfix">
                      <li>
                        <img src="../../image/class/class_detail_pinglun_2.png" alt="">
                      </li>
                      <li>
                        <img src="../../image/class/class_detail_pinglun_3.png" alt="">
                      </li>
                      <li>
                        <img src="../../image/class/class_detail_pinglun_2.png" alt="">
                      </li>
                    </ul>
                  </div>
                  <div class="content_pinglun_bot1">
                    <h5>购买4天后追评</h5>
                    <p>购买4天后追评</p>
                  </div>
                  <div class="content_pinglun_bot2">柠檬套餐  x1</div>
                  <div class="content_pinglun_bot clearfix">
                    <div class="content_pinglun_bot_left fl">购买日期：2018-01-03</div>
                    <div class="content_pinglun_bot_right fr">
                      <div class="content_pinglun_bot_right1 content_pinglun_bot_right2"><img src="../../image/class/class_detail_pinglun_4.png" alt=""><span>498</span></div>
                      <div class="content_pinglun_bot_right1 content_pinglun_bot_right3"><img src="../../image/class/class_detail_pinglun_5.png" alt=""><span>498</span></div>
                    </div>
                  </div>
                  <div class="content_pinglun_bot3">
                    后客服的回复：谢谢您的肯定和支持，您的鼓励是我们前进最大的动力，我们会更加努力为您提供优质服务。祝您购物愉快，天天好心情！
                  </div>
                </li> -->
              </ul>
              <!-- <div class="content_pinglun_more">查看全部365评价</div> -->
            </div>

        </div>

        <div class="footer">
          <div class="footer_left">
            <div  @click="shopShow()">
              <img src="../../image/class/footer_left1.png" alt="">
              店铺
            </div>
            <div @click="chatShow()">
              <img src="../../image/class/footer_left2.png" alt="">
              客服
            </div>
            <div>
              <img src="../../image/class/footer_left31.png" alt="" v-if="goodsInfo.is_collect == 0">
              <img src="../../image/class/footer_left3.png" alt="" v-else>
              收藏
            </div>
          </div>
          <div class="footer_right">
            <div class="footer_rightL" @click="getSkuList(1)">加入购物车</div>
            <!-- <div class="footer_rightL" @click="flag2=true;">加入购物车</div> -->
            <div class="footer_rightR" @click="getSkuList(2)">立即购买</div>
          </div>
        </div>

    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/zepto.js"></script>
<script type="text/javascript" src="../../script/vue.min.js"></script>
<script type="text/javascript" src="../../script/utils.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/aui-scroll.js"></script>
<script type="text/javascript" src="../../script/aui-tab.js"></script>
<script type="text/javascript" src="../../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../../script/swiper.min.js"></script>
<script type="text/javascript" src="../../script/axios.min.js"></script>
<script type="text/javascript" src="../../script/axios-config.js"></script>
<script type="text/javascript">
var app;
    apiready = function() {
      app = new Vue({
          el: '#app',
          data: {
            goodsId:'',
            goodsInfo:[],
            goodsInfoStore:[],
            goodsInfoComment:[],
            goodsSkuInfo:[],
            goods_ps:[],
            goods_ps1:[],
            goods_ps_cont:[],
            token:'',
            num:1,
            commentList:[],
            commentLabel:[],
          },
          created: function() {
            var $_this=this;
            api.showProgress({
                title: '努力加载中...',
                text: '先喝杯茶...',
                modal: false
            });
            $_this.getComment('');
            $_this.getDetail();
          },
          methods: {
            getComment:function(labelId){
              var $_this=this;
              if(api.pageParam.goodsId){
                $_this.goodsId=api.pageParam.goodsId;
              }

              if($api.getStorage('token')){
                $_this.token=$api.getStorage('token');
              }
              // console.log($_this.goodsId);

              const data = {
                 token:$_this.token,
                 goods_id:$_this.goodsId,
                 page:1,
                 list_rows:20,
                 label_id:labelId
              }
              Axios.post(window.Url.goods_comment_list,data).then(function(res){
                $_this.commentList = res;
                $_this.commentLabel = res.comment_label_list;
                if(res.status == 0){
                  api.toast({
                      msg:'暂无相关评论',
                      duration: 2000,
                      location: 'bottom'
                  });
                }
                $_this.$nextTick(function () {
                  titleTab();
                })
              }).catch((err) => {
                api.alert({ msg: JSON.stringify(err) });
              })

            },
            getDetail:function(){
              var $_this=this;
              api.showProgress({
                  title: '努力加载中...',
                  text: '先喝杯茶...',
                  modal: false
              });

              if(api.pageParam.goodsId){
                $_this.goodsId=api.pageParam.goodsId;
              }

              if($api.getStorage('token')){
                $_this.token=$api.getStorage('token');
              }
              console.log($_this.goodsId);

              const data = {
                 token:$_this.token,
                 goods_id:$_this.goodsId
              }
              Axios.post(window.Url.goods_info,data).then(function(res){
                if(res.status==1){
                  // api.hideProgress();
                  console.log(JSON.stringify(res))
                  $_this.goodsInfo=res;
                  $_this.goodsInfoStore=res.store_info;
                  $_this.goodsInfoComment=res.comment_info;
                  $_this.$nextTick(function () {

                  })
                }else{
                  api.toast({
                      msg:res,
                      duration: 2000,
                      location: 'bottom'
                  });
                }
              }).catch((err) => {
                api.alert({ msg: JSON.stringify(err) });
              })
            },
            getSkuList:function(type){
              var $_this=this;
              if($_this.goodsInfo.is_sku == 0){
                $_this.goSubmit(type);
              }else if($_this.goodsInfo.is_sku == 1){
                  api.openFrame({
                      name: 'mallPurse',
                      url: './mall_purse.html',
                      pageParam:{
                        type:type,
                        goodsId:$_this.goodsId
                      }
                  })
              }

            },
            goSubmit:function(type){
              var $_this=this;
              if(type == 1){
                const data = {
                   token:$_this.token,
                   goods_id:$_this.goodsId,
                   sku_id:'',
                   goods_nums:1
                }
                Axios.post(window.Url.add_cart,data).then(function(res){
                  if(res.status==1){
                    alert(res.info)
                  }else{
                    api.toast({
                        msg:res,
                        duration: 2000,
                        location: 'bottom'
                    });
                  }
                }).catch((err) => {
                  api.alert({ msg: JSON.stringify(err) });
                })
              }else if(type == 2){
                api.openWin({
                    name: 'orderTrue',
                    url: '../cart/order_true.html',
                    pageParam: {
                        type: 1,
                        goods_id:$_this.goodsId,
                        sku_id:'',
                        goods_nums:1
                    }
                });
              }

            },
            buyNow: function(type, id) {
                var $_this = this;
                const data = {
                   token:$_this.token,
                   goods_id:$_this.goodsId,
                   sku_id:'',
                   goods_nums:1
                }
                Axios.post(window.Url.add_cart,data).then(function(res){
                  if(res.status==1){
                    // alert(res.info)
                  }else{
                    api.toast({
                        msg:res,
                        duration: 2000,
                        location: 'bottom'
                    });
                  }
                }).catch((err) => {
                  api.alert({ msg: JSON.stringify(err) });
                })
            }

          },
          mounted: function () {
            api.hideProgress();
            setRefresh();
            // titleTab();
          }
        })

    };
    //tab头部切换
    function titleTab(){
      // 点击标签
      var tab = new auiTab({
          element: document.getElementById("tab_one"),
          index: 1,
          repeatClick: true
      }, function(ret) {
          var click_index = ret.index;
          // alert(click_index);
          // 统计分类按钮点击
          for (var i = 0; i < $('#tab_one .labels').length; i++) {
              $('#tab_one .labels').eq(i).removeClass('active');
              if (i == (click_index - 1)) {
                  // alert(click_index);
                  // alert(i);
                  var labelId = $('#tab_one .labels').eq(i).data("pid");
                  app.getComment(labelId);
                  $('#tab_one .labels').eq(i).addClass('active');
              }
          }
      })
    }

    //刷新
    function setRefresh(){
        var pullRefresh = new auiPullToRefresh({
            container: document.querySelector('.aui-refresh-content'),
            triggerDistance: 100
        }, function(ret) {

            if (ret.status == "success") {
                setTimeout(function() {
                    pullRefresh.cancelLoading(); //刷新成功后调用此方法隐藏
                }, 1500)
            }
        })
    }

    //打开店铺页面
    function shopShow(){
      api.openWin({
          name: 'shop',
          url: './shop.html',
          pageParam: {
              test:''
          }
      });
    }


</script>

</html>
